<template>
  <footer class="tw-libfooter">
    <div class="tw-libfooter-inner"
      :style="{color: color, backgroundColor: bgColor, fontSize: fontSize, height: height}">
      <div v-html="footerHtml.content"></div>
    </div>
  </footer>
</template>

<script>
import props from './props'

export default {
  name: 'table',

  props,

  methods: {
    setPaddingBottomForBody () {
      document.body.style.paddingBottom = this.height
    }
  },

  created () {
    this.setPaddingBottomForBody()
  },

  watch: {
    height () {
      this.setPaddingBottomForBody()
    }
  }
}
</script>

<style lang="scss">
  @import './css/index.scss';
</style>
